$(function(){
    if(!!navigator.userAgent.match(/MSIE 8.0/)){
        $('input[placeholder], textarea[placeholder]').each(function() {
            var input = $(this);
            if (input.val() === '' && input.attr("placeholder") !== ''){   
                input.addClass("placeholder").val(input.attr('placeholder'));
            }

            input.focus(function() {
                if (input.val() === input.attr('placeholder')) {
                    input.val('');
                }
            });

            input.blur(function() {
                if (input.val() === '' || input.val() === input.attr('placeholder')) {
                    input.val(input.attr('placeholder'));
                }
            });
        });
    }

    $('.listen-btn').on('click', function() {
        $('.cover, .popup').fadeTo('500', 1);
    })

    $('.cover, .close').on('click', function() {
        $('.cover, .popup').fadeTo('500', 0, function() {
            $('.cover').hide();
            $('.popup').hide();
        });
    })

    $('.popup .input-box').on('click', function() {
        var $this = $(this);
        if( $this.hasClass('on') ){
            $this.removeClass('on');
        } else {
            $('.popup .input-box').removeClass('on');
            $this.addClass('on');
        }
    })

    $('.popup .input-box label').on('click', function(e) {
        e.stopPropagation();
        var $this = $(this);
        setTimeout(function() {
            $this.parents('.input-box').removeClass('on')
                .find('.input span').html($this.find('input').val());
        }, 200)
    })

    // $('.listen-btn').trigger('click');
});